<template>
	<div class="useropinion">
		<div class="useropinionTitle refillcardTitle">充值卡兑换<router-link to="">查看账单</router-link></div>
		<div class="refillcardText">
			<input type="text" placeholder="请输入充值卡兑换码进行充值">
			<div class="refillcardText-div">
				<div>充值</div>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style>
	.refillcardTitle a{
		float: right;
		margin-right: 30px;
		color: white;
		width: 90px;
		height: 30px;
		line-height: 30px;
		margin-top: 13px;
		text-align: center;
		text-indent: 0px;
		background: #498e3d;
		border-radius: 5px;
	}
	.refillcardText input{
		float: left;
		width: 476px;
		height: 52px;
		outline: none;
		border:1px solid #c1c1c1;
		margin-left: 30px;
		margin-top: 50px;
		font-size: 18px;
	}
	.refillcardText-div{
		float: left;
		width: 100%;
		height: 50px;
		line-height: 50px;
		margin-top: 100px;
	}
	.refillcardText-div div{
		width: 150px;
		height: 100%;
		background: #f08200;
		text-align: center;
		margin-left: 30px;
		color: white;
		font-size: 18px;
		border-radius: 5px;
	}
</style>
